.home {
  position: relative;
  width: 100vw;
  height: 100vh;
  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
  }
  .main {
    position: absolute;
    left: 0;
    top: 34%;
    width: 100%;
    background-color: pink;
    .h_body {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 479rpx;
      .left-photo {
        z-index: 9;
        position: absolute;
        left: 26rpx;
        top: 0;
        width: 342rpx;
        height: 342rpx;
        border-radius: 20rpx;
        overflow: hidden;
        &.border {
          border: 1px solid #000;
        }
        image {
          width: 100%;
          height: 100%;
        }
        camera {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
      }
      .frame-left {
        z-index: 999;
        position: absolute;
        left: 0;
        top: 20rpx;
        width: 89rpx;
        height: 95rpx;
      }
      .frame {
        width: 100%;
        height: 100%;
      }
      .frame-right {
        z-index: 999;
        position: absolute;
        right: 11rpx;
        top: 225rpx;
        width: 97rpx;
        height: 107rpx;
      }
      .right-photo {
        z-index: 9;
        position: absolute;
        right: 23rpx;
        top: 0;
        width: 342rpx;
        height: 342rpx;
        border-radius: 20rpx;
        overflow: hidden;
        &.border {
          border: 1px solid #000;
        }
        image {
          width: 100%;
          height: 100%;
        }
        camera {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
      }
    }
    .btn-left-stars {
      position: absolute;
      left: 77rpx;
      top: 388rpx;
      width: 76rpx;
      height: 73rpx;
    }
    .btn {
      position: absolute;
      left: 50%;
      top: 409rpx;
      width: 497rpx;
      height: 163rpx;
      transform: translateX(-50%);
    }
    .take_picture {
      position: absolute;
      left: 50%;
      top: 450rpx;
      transform: translateX(-50%);
      background-color: #53a8f7;
    }
    .btn-right-stars {
      position: absolute;
      right: 52rpx;
      top: 491rpx;
      width: 63rpx;
      height: 61rpx;
      transform: rotateY(180deg);
    }
    .tips {
      position: absolute;
      left: 50%;
      top: 585rpx;
      transform: translateX(-50%);
      width: 521rpx;
      height: 81rpx;
    }
  }
}
